@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, input, figure, figcaption, fieldset, legend {
  margin: 0;
  padding: 0;
}

body {
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
}

ul, li, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #646464;
}

b {
  font-weight: normal;
}

em, i {
  font-style: normal;
}

input {
  outline: none;
}

.fl, .registered_nav .nav .nav_left {
  float: left;
}

.fr, .notice .notice_head .over, .registered_nav .nav .nav_right {
  float: right;
}

.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}

.clearFix, .notice .notice_foot a, .notice .notice_foot .agree, .registered_nav .nav, .registered_logo .registered_title, .registered .registered_cont .registered_form fieldset .tel_box label .required, .registered .registered_cont .registered_form fieldset .tel_box .note_error, .registered .registered_cont .registered_form fieldset .tel_box .note_error_air, .registered .registered_cont .registered_form fieldset .picture_code label .required, .registered .registered_cont .registered_form fieldset .tel_verify_conde label .required, .registered .registered_cont .registered_form fieldset .set_password label .required, .registered .registered_cont .registered_form fieldset .set_password .note_error_pass, .registered .registered_cont .registered_form fieldset .set_password .note_error_empty, .registered .registered_cont .registered_form fieldset .pass_strength label .required, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_weak, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_middle, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_strong, .registered .registered_cont .registered_form fieldset .re_enter label .required, .registered .registered_cont .registered_form fieldset .re_enter .note_error_re_pass {
  zoom: 1;
}

.auto, .registered_nav .nav, .registered_logo, .registered {
  width: 1200px;
  margin: 0 auto;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 145%;
  z-index: 98;
  opacity: 0.6;
  background-color: #333333;
  display: block;
}

.notice {
  position: absolute;
  top: 175px;
  left: 203.5px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: block;
}

.notice .notice_head {
  position: relative;
  color: #1e1e1e;
  padding: 15px 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.notice .notice_head h2 {
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}

.notice .notice_head .over {
  display: inline-block;
  font-size: 22px;
  color: #ddd;
  margin-top: -2px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  cursor: default;
}

.notice .notice_cont {
  width: 1016px;
  padding: 0 24px;
  height: auto !important;
  box-sizing: border-box;
}

.notice .notice_cont pre {
  padding: 10px 0;
  height: 372px;
  overflow-y: scroll;
  white-space: pre-wrap !important;
}

.notice .notice_cont pre p {
  margin: 1em 0;
}

.notice .notice_foot {
  padding: 10px 16px;
  text-align: right;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.notice .notice_foot a {
  display: inline-block;
  width: 120px;
  color: #666;
  background-color: #fff;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid #bbb;
  white-space: nowrap;
  user-select: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 14px;
  box-sizing: border-box;
  vertical-align: middle;
}

.notice .notice_foot a:hover {
  color: #c62e2d;
  border-color: #c62e2d;
}

.notice .notice_foot .agree {
  display: inline-block;
  width: 120x;
  color: #fff;
  background-color: #c62e2d;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid #c62e2d;
  white-space: nowrap;
  user-select: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 14px;
  box-sizing: border-box;
  vertical-align: middle;
}

.notice .notice_foot .agree:hover {
  background-color: #a42827;
}

/*注册页面*/
.registered_nav {
  
  border-bottom: solid 1px #DDD;
  overflow: hidden;
}

.registered_nav .nav {
  overflow: visible;
}

.registered_nav .nav .nav_left {
  line-height: 30px;
  box-sizing: border-box;
  font-size: 12px;
}

.registered_nav .nav .nav_left .nav_log_in a {
  color: #1890ff;
}

.registered_nav .nav .nav_right li {
  width: auto;
  display: inline-block;
  padding: 0 10px 0 15px;
  margin: 9px 0 8px;
  border-right: 1px solid #ddd;
  line-height: 12px;
  text-align: center;
 
}

.registered_nav .nav .nav_right li a {
  color: #1e1e1e;
}

.registered_nav .nav .nav_right li:hover a {
  color: #C62E2D;
}

.registered_nav .nav .nav_right li i {
  color: #C62E2D;
  font-size: 12px;
}

/*logo*/
.registered_logo {
  padding: 20px 0;
  box-sizing: border-box;
  border: 1px solid #CCC;
}

.registered_logo a {
  display: inline-block;
  height: 50px;
  color: #1890ff;
}

.registered_logo a img {
  width: 150px;
  height: 50px;
  border: 0;
  box-sizing: border-box;
}

.registered_logo .registered_title {
  display: inline-block;
  vertical-align: top;
  color: #666;
  margin-left: 34px;
  font-size: 16px;
  line-height: 50px;
}

/*注册主体内容*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*label的样式块*/
/*输入框样式块*/
/*错误的代码块*/
/*密码强度的样式块*/
.registered {
  border: 1px solid #ddd;
  border-top: 0;
 width: 500px;
 height: 400px;
  margin-bottom: 50px;
  margin-top: 40px;
}

.registered .registered_cont {
  width: 500px;
  margin: 0 auto;
  padding-top: 35px;
  font-size: 14px;
  height: 500px;
}

.registered .registered_cont .registered_form fieldset {
  border: 0;
  padding: 5px 0;
  margin-bottom: 50px;
}

.registered .registered_cont .registered_form fieldset .tel_box {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
}

.registered .registered_cont .registered_form fieldset .tel_box label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .tel_box label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .tel_box #tel {
  height: 40px;
  width: 170px;
  margin-right: 110px;
  padding: 7px 10px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 0;
  width: 280px;
  border-radius: 4px;
}

.registered .registered_cont .registered_form fieldset .tel_box .retrieve {
  display: none;
  color: #bbb;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
}

.registered .registered_cont .registered_form fieldset .tel_box .note_error {
  color: #f5222d !important;
  vertical-align: baseline !important;
  margin-left: 4px !important;
  display: none;
}

.registered .registered_cont .registered_form fieldset .tel_box .note_error_air {
  color: #f5222d !important;
  vertical-align: baseline !important;
  margin-left: 4px !important;
  display: none;
}

.registered .registered_cont .registered_form fieldset .tel_box .note_error_registered {
  display: none;
}

.registered .registered_cont .registered_form fieldset .tel_box .note_error_registered a {
  color: #1890ff;
}

.registered .registered_cont .registered_form fieldset .picture_code {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
}

.registered .registered_cont .registered_form fieldset .picture_code label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .picture_code label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .picture_code #verify_code {
  height: 40px;
  width: 170px;
  margin-right: 110px;
  padding: 7px 10px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
}

.registered .registered_cont .registered_form fieldset .picture_code .verify_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 40px;
  border: 1px solid #ddd;
  border-left: 0;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: middle;
}

.registered .registered_cont .registered_form fieldset .tel_verify_conde {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
}

.registered .registered_cont .registered_form fieldset .tel_verify_conde label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .tel_verify_conde label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .tel_verify_conde #verifyication_code {
  height: 40px;
  width: 170px;
  margin-right: 110px;
  padding: 7px 10px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
}

.registered .registered_cont .registered_form fieldset .tel_verify_conde button {
  cursor: not-allowed;
  background-color: #CCC;
  color: #fff;
  position: absolute !important;
  top: 0;
  right: 0;
  height: 40px;
  width: 110px;
  text-align: center;
  border: 1px solid #ddd;
  border-left: 0;
  font-size: 16px;
  vertical-align: middle;
}

.registered .registered_cont .registered_form fieldset .set_password {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
  margin-bottom: 5px;
}

.registered .registered_cont .registered_form fieldset .set_password label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .set_password label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .set_password #password {
  height: 40px;
  width: 170px;
  margin-right: 110px;
  padding: 7px 10px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  width: 280px;
  border-radius: 4px;
  margin-right: 0;
}

.registered .registered_cont .registered_form fieldset .set_password .note_error_pass {
  color: #f5222d !important;
  vertical-align: baseline !important;
  margin-left: 4px !important;
  display: none;
}

.registered .registered_cont .registered_form fieldset .set_password .note_error_empty {
  color: #f5222d !important;
  vertical-align: baseline !important;
  margin-left: 4px !important;
  display: none;
}

.registered .registered_cont .registered_form fieldset .pass_strength {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
  margin-bottom: 5px;
  width: 420px;
}

.registered .registered_cont .registered_form fieldset .pass_strength label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .pass_strength label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level {
  display: inline-block;
  vertical-align: middle;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_weak {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: center;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_weak .weak_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_weak .middle_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_weak .strong_bar {
  width: 100%;
  height: 16px;
  padding: 2px 0;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  background-color: #ddd;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_middle {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: center;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_middle .weak_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_middle .middle_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_middle .strong_bar {
  width: 100%;
  height: 16px;
  padding: 2px 0;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  background-color: #ddd;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_strong {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: center;
}

.registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_strong .weak_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_strong .middle_bar, .registered .registered_cont .registered_form fieldset .pass_strength .pass_level .level_strong .strong_bar {
  width: 100%;
  height: 16px;
  padding: 2px 0;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  background-color: #ddd;
}

.registered .registered_cont .registered_form fieldset .re_enter {
  position: relative;
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
}

.registered .registered_cont .registered_form fieldset .re_enter label {
  text-align: right;
  display: inline-block;
  width: 8em;
  margin-right: 15px;
}

.registered .registered_cont .registered_form fieldset .re_enter label .required {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  color: #f5222d !important;
}

.registered .registered_cont .registered_form fieldset .re_enter #re_enter_pass {
  height: 40px;
  width: 170px;
  margin-right: 110px;
  padding: 7px 10px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  width: 280px;
  border-radius: 4px;
  margin-right: 0;
}

.registered .registered_cont .registered_form fieldset .re_enter .note_error_re_pass {
  color: #f5222d !important;
  vertical-align: baseline !important;
  margin-left: 4px !important;
  display: none;
}

.registered .registered_cont .registered_form fieldset .controls_box {
  margin-bottom: 24px;
  width: 420px;
  text-align: right;
}

.registered .registered_cont .registered_form fieldset .controls_box .controls {
  margin-left: 140px;
  margin-bottom: 16px;
}

.registered .registered_cont .registered_form fieldset .controls_box .controls input {
  display: inline-block;
  height: 40px;
  width: 280px;
  cursor: pointer;
  padding: 11px 14px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  border: 1px solid transparent;
  background-color: #C62E2D;
  font-weight: 400;
  text-align: center;
}

.registered .registered_cont .registered_form fieldset .controls_box .controls input:hover {
  background-color: #A42827;
}